<!doctype html>
<!--
This is a minified version of the ThemeForest-Theme "Peach - Clean & Smooth Admin Template".
Author: Simon Stamm (Stammi)

Note: If you buy my theme on ThemeForest, you will receive the non-minified and commented/documentated version!
This is a minified version of my theme to prevent stealing.
-->
<!--[if lt IE 7]><html class="no-js ie6 oldie" lang=en><![endif]-->
<!--[if IE 7]><html class="no-js ie7 oldie" lang=en><![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang=en><![endif]-->
<!--[if gt IE 8]><!-->
<html class=no-js lang=en>
<!--<![endif]-->
<head>
<meta charset=utf-8>
<link rel=dns-prefetch href="//fonts.googleapis.com">
<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
<title>Dashboard :: Peach &ndash; Clean &amp; Smooth Admin Template</title>
<meta name=description content="">
<meta name=author content="">
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel=stylesheet href='css/1105b53.css'>
<link rel=stylesheet href="css/sidebar.css">
<script src="js/modernizr-2.0.6.min.js"></script>
</head>
<body>
<div id=height-wrapper>
  <header>
    <div id=header_toolbar>
      <div class=container_12>
        <h1 class=grid_8>Peach &ndash; Clean &amp; Smooth Admin Template</h1>
        <div class=grid_4>
          <div class=toolbar_small>
            <div class=toolbutton> <span>3</span> <img src="img/mail.png" width=16 height=16 alt=mail> </div>
            <div class=toolbox> <span class=arrow></span>
              <h3>Your Messages</h3>
              <ul class=mail>
                <li> <a href="#"> <strong>10:15</strong>Need your Help! <small> From: John </small> </a> </li>
                <li> <a href="#"> <strong>9:55</strong>New comment on you theme <small> From: themeforest </small></a> </li>
                <li> <a href="#"> <strong>Yest.</strong>Successfull backup <small> From: System </small></a> </li>
                <li class=read> <a href="#"> <strong>2 days</strong>Bug report <small> From: Jane </small></a> </li>
              </ul>
              <a class=inbox href="#">Go to inbox &raquo;</a> </div>
          </div>
          <div class=toolbar_large>
            <div class=toolbutton>
              <div class=toolicon> <img src="img/user.png" width=16 height=16 alt=user> </div>
              <div class=toolmenu>
                <div class=toolcaption> <span>Administrator</span> </div>
                <div class=dropdown>
                  <ul>
                    <li> <a href="#">Settings</a> </li>
                    <li> <a href="#">Logout</a> </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <nav id=header_main>
      <div class=container_12>
        <ul id=nav_main>
          <li class=current> <a href="#"> <img src="img/computer-imac.png" width=25 height=25 alt=""> Dashboard</a>
            <ul>
              <li class=current> <a href="dashboard.html">Dashboard</a> </li>
              <li> <a href="404.html">404</a> </li>
              <li> <a href="login.html">Login</a> </li>
            </ul>
          </li>
          <li> <a href="#"> <img src="img/blocks---images.png" width=25 height=25 alt=""> Elements</a>
            <ul>
              <li> <a href="forms.html">Forms</a> </li>
              <li> <a href="gallery.html">Gallery</a> </li>
              <li> <a href="lists.html">Lists</a> </li>
              <li> <a href="tables.html">Tables</a> </li>
              <li> <a href="tabs.html">Tabs</a> </li>
              <li class=last-child> <a href="wizard.html">Wizard</a> </li>
            </ul>
          </li>
          <li> <a href="#"> <img src="img/user-comment.png" width=25 height=25 alt=""> User Information</a>
            <ul>
              <li> <a href="alert_boxes.html">Alert Boxes</a> </li>
              <li> <a href="messages.html">Messages (Fallr)</a> </li>
              <li> <a href="notifications.html">Notifications</a> </li>
            </ul>
          </li>
          <li> <a href="#"> <img src="img/robot.png" width=25 height=25 alt=""> Plugins</a>
            <ul>
              <li> <a href="charts.html">Charts</a> </li>
              <li> <a href="calendar.html">Calendar</a> </li>
              <li> <a href="explorer.html">Explorer</a> </li>
              <li> <a href="editor.html">Rich Text Editor</a> </li>
              <li> <a href="tooltips.html">Tooltips</a> </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
    <div id=nav_sub></div>
  </header>
  <div role=main class=container_12 id=content-wrapper>
    <aside>
      <div id=sidebar_top>
        <div class=userinfo>
          <div class=info>
            <div class=avatar> <img src="img/avatar.png" width=80 height=80 alt=""> </div>
            <a href="#">3 Messages</a> </div>
          <ul class=links>
            <li> <strong><a href="#">Administrator</a></strong> </li>
            <li> <a href="#">Settings</a> </li>
            <li> <a href="#">Logout</a> </li>
          </ul>
          <div class=clear></div>
        </div>
      </div>
      <div id=sidebar_content>
        <h2>Information</h2>
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        <div class=divider></div>
        <nav>
          <ul class="menu collapsible">
            <li class="first-child current"> <a href="#">State: current</a> </li>
            <li> <a href="#">State: normal</a>
              <ul class=sub>
                <li> <a href="#">State: normal</a> </li>
                <li> <a href="#">State: normal</a> </li>
                <li> <a href="#">State: normal</a> </li>
              </ul>
            </li>
            <li> <a href="#">State: normal</a> </li>
            <li class=last-child> <a href="#">State: normal</a> </li>
          </ul>
        </nav>
      </div>
    </aside>
    <div id=main_content>
      <h2 class=grid_12>Dashboard</h2>
      <div class=clean></div>
      <div class=grid_12>
        <div class="alert info"> <span class=icon></span><span class=hide>x</span> <strong>Information</strong> Hey there! Welcome to the clean and smooth admin template "Peach". I hope you enjoy your stay and please make sure, that you visit the other pages. </div>
        <div class=box>
          <div class="content no-padding">
            <div class=step> <span>1</span>
              <div class=circle></div>
              <a href="#"> <strong>Check out the dashboard</strong> <small> You'll find a sneak preview of <br>
              the theme's elements. </small> </a> </div>
            <div class=step> <span>2</span>
              <div class=circle></div>
              <a href="#"> <strong>Check out the other pages</strong> <small> There is a lot to discover. <br>
              Honestly! </small> </a> </div>
            <div class=step> <span>3</span>
              <div class=circle></div>
              <a href="#"> <strong>Fill your Profile</strong> <small> Don't forget to fill <br>
              your profile. </small> </a> </div>
          </div>
        </div>
      </div>
      <div class=clear></div>
      <div class=grid_4>
        <div class=box>
          <div class=header> <img src="img/document--plus.png" alt="" width=16 height=16>
            <h3>Create a Blogpost</h3>
            <span></span> </div>
          <form action="dashboard.html" class=validate>
            <div class="content no-padding">
              <div class="section _100">
                <label for=blogpost-title> Title </label>
                <div>
                  <input class=required name=blogpost-title id=blogpost-title>
                </div>
              </div>
              <div class="section _100">
                <label for=blogpost-category> Category </label>
                <div>
                  <select name=blogpost-category id=blogpost-category class=required>
                    <option></option>
                    <option>Lorem Ipsum</option>
                    <option>Consetetur Sadipscing</option>
                    <option>Eirmod Tempor</option>
                  </select>
                </div>
              </div>
              <div class="section _100">
                <label for=blogpost-post> Post </label>
                <div>
                  <textarea cols=40 rows=5 class=required name=blogpost-post id=blogpost-post></textarea>
                </div>
              </div>
            </div>
            <div class=actions>
              <div class=actions-left>
                <input type=reset />
              </div>
              <div class=actions-right>
                <input type=submit />
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class=grid_4>
        <div class=box>
          <div class=header> <img src="img/ui-accordion.png" alt="" width=16 height=16>
            <h3>What you should do</h3>
            <span></span> </div>
          <div class=content>
            <div id=accordion>
              <h4><a href="#">General Tasks</a></h4>
              <div>
                <ul class="block-list with-icon">
                  <li class=i-16-calendar> Lorem ipsum </li>
                  <li class=i-16-application> Lorem ipsum </li>
                  <li class=i-16-balloon> Lorem ipsum </li>
                  <li class=i-16-chart> Lorem ipsum </li>
                </ul>
              </div>
              <h4><a href="#">Financial Tasks</a></h4>
              <div>
                <p> Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor. </p>
                <ul>
                  <li> List item one </li>
                  <li> List item two </li>
                  <li> List item three </li>
                </ul>
              </div>
              <h4><a href="#">Current Orders</a></h4>
              <div>
                <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class=grid_4>
        <div class=box>
          <div class=header> <img src="img/list.png" alt="" width=16 height=16>
            <h3>Stats List</h3>
            <span></span> </div>
          <div class=content>
            <div class="alert warning no-margin top"> <span class=icon></span>You have 3 overdue support tickets. </div>
            <ul class=stats-list>
              <li> <a href="#">Total Visits <span>12132</span></a> </li>
              <li> <a href="#">Today Visits <span>875</span></a> </li>
              <li> <a href="#">Comments <span>312</span></a> </li>
              <li> <a href="#">Support Tickets <span>12</span></a> </li>
            </ul>
          </div>
          <div class=actions>
            <div class=actions-left></div>
            <div class=actions-right> <a class=button href="charts.html">Go to stats &raquo;</a> </div>
          </div>
          <div class=clear></div>
        </div>
      </div>
    </div>
    <div class="push clear"></div>
  </div>
  <div class=clear></div>
</div>
<footer>
  <div class=container_12> Copyright &copy; 2011 YourCompany, all rights reserved.
    <div id=button_bar>
      <ul>
        <li> <span><a href="dashboard.html">Dashboard</a></span> </li>
        <li> <span><a href="#">Settings</a></span> </li>
      </ul>
    </div>
  </div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>window.jQuery||document.write('<script src="js/jquery-1.7.1.min.js"><\/script>');</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script>window.jQuery.ui||document.write('<script src="js/jquery-ui-1.8.16.min.js"><\/script>');</script>
<script defer src='js/23acda8.js'></script>
<script>$(window).load(function(){$("#accordion").accordion();$(window).resize()});</script>
<!--[if lt IE 7 ]><script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script> <script defer>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})});</script><![endif]-->
</body>
</html>
